<template>
<header class="header">
      <h1>todos</h1>
      <input class="new-todo" placeholder="请输入任务名称" autofocus  @keyup.enter="addList" v-model.trim="caseName"/>
    </header>
</template>

<script>
 export default {
   name: 'TodoHeader',
   props: {
   },
  data(){
return {
  caseName: '',
}
  },
  methods: {
    addList(){
      this.$emit('addList', this.caseName)
      this.caseName = '' 
    }
  }
 }
</script>

<style>

</style>